.header {width:100%;position:fixed;top:0;left:0;z-index:999;height:100px; background:rgba(0,0,0,0.6);}
 .header .left a img {height:70px;margin-top:10px}
.header .left .img2 {display:none}
.header .nav {height:100%;line-height:100px;display:block;width: 40%;}
.header .navbar_nav li {float:left;position:relative;display:block}
.header .navbar_nav li:after {    position: absolute;  content: ''; left: 0; bottom: 0;  width: 100%; height: 2px;  background: #cc0000;  transform: scale(0,1);  -webkit-transform: scale(0,1);  transition: all .6s; -webkit-transition: all .6s;}
.header .logocen{width: 20%;float: left;margin-top: -10px;}
.header .logocen img{display: block;margin: auto;padding-top: 25px;}
.header .navbar_nav li  a {text-decoration:none;height:100%; padding:0 25px;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff;font-size:16px;font-weight: bold;}
.header .navbar_nav li:hover:after {    -webkit-transform: scale(1);   transform: scale(1); }
.header .navbar_nav li:hover::before {display: block;}
.header .navbar_nav li.active:before {display: block;}
.header .navbar_nav li.hdcen:hover .dropdss{display: block;}
.dropdss{position:absolute; left: 155px;top: 0;display: none;}
.dropdss a{display: block;width: 150px;margin-bottom: 0!important ;padding: 10px 0!important;}
.header .navbar_nav li:hover   a {color:#cc0000!important ; }
.header .navbar_nav li.active:after { -webkit-transform: scale(1);   transform: scale(1); }
.header .navbar_nav li.active  a {color:#cc0000!important ; }
.header .navbar_nav li.dropdown {display:inherit;position:relative}
.header .navbar_nav li.dropdown .jt {width:20px;height:20px;background:url(../images/) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu {display:none;position:absolute;top:100px;width:100%;background:rgba(0,0,0,0.4);box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:120%;left:-10%}
.header .navbar_nav li.dropdown .dropdown_menu a {font-size:14px;color:#fff;padding:14px 10px;line-height: initial;line-height:20px;text-align:center;background:rgba(0,0,0,0.2);margin-bottom:2px}
.header .navbar_nav li.dropdown:hover .dropdown_menu {display:block;background:rgba(0,0,0,0.3);  -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a {color:#fff!important}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {color:#fff!important;background:#cc0000}
.hdtel{padding-left: 30px;}
.hdtel img{padding-top: 30px;}
#navToggle {display:none}
.m_nav {position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%)}
.m_nav.open {transform:translateX(0)}
.m_nav .top {height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed {width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo {width:100%;margin:0 auto}
.m_nav .logo img {height:60px;display:block;margin:30px auto}
.m_nav .ul {margin-top:30px}
.m_nav .ul li {padding:0 20px; transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}
.m_nav.open .ul li {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1) {-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2) {-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3) {-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4) {-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5) {-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6) {-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li a {display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}
.m_nav .ul li .dropdown_menu {display:none}
.m_nav .ul li.dropdown.active .dropdown_menu {display:block}
.m_nav .ul li .dropdown_menu a {display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child {border:none}


@media screen and (max-width:1336px) {.header .left a img {height:55px;margin-top:25px;}
.header .navbar_nav li a {padding:0 13px;}
}
@media screen and (max-width:1024px) {.header .left a img {height:45px;}
}
@media screen and (max-width:992px) {.header .left a img {margin-top:5px;}
.header .logocen{width:35%;}
.header .logocen img{padding-top: 15px;}
.header {padding:0 10px}
.header{height: 60px!important;}
.header #navToggle {height:100%;padding:9px 15px;margin-right:-15px;display:inline-block;float:right}
.header #navToggle span {position:relative;width:30px;height:2px;margin-top:19px}
.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:2px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#fff}
.header #navToggle span:before {top:8px}
.header #navToggle span:after {bottom:10px}
.header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span {background:0 0}
.header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f}
.header .nav {display:none}

}